<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>我的手艺网 - 支付</title>
  <link rel="stylesheet" type="text/css" href="/static/style/common.css">
  <link rel="stylesheet" type="text/css" href="/static/style/pay.css">
</head>

<body>
<jsp:include page="../common/header.jsp" flush="true"></jsp:include>

<div class="w1000">
  <div class="paystep">
    <div class="bgline"></div>
    <div class="progressline step1"></div>
    <ul>
      <li class="w1 finished">
        <i></i>
        <h1>确认订单</h1>
      </li>
      <li class="w2 current">
        <i></i>
        <h1>在线支付</h1>
      </li>
      <li class="w3 ready">
        <i></i>
        <h1>确认收货</h1>
      </li>
    </ul>
  </div>
  <div class="clear"></div>
  <div class="payinfo">
    <div class="payinfotext">
      <h1 id="pay_order_sum">请您及时付款，以便订单尽快处理！</h1>
      <p>请您在提交订单后<span>2小时内</span>完成支付，否则订单会自动取消。</p>
    </div>
    <div class="payinfomoney">
      <h1>应付金额：<span class="orderprice">${orderMoney}</span> 元</h1>
      <input type="hidden" value="${orderNos}" id="orderNos" name="orderNos">
      <div class="showorderinfo">
        <h2><span>订单详情</span><i></i></h2>
        <div class="orderinfobox"><!-- <div class="orderinfobox merge"> 为合并支付订单呈现形式，<div class="orderinfolist">为循环体 -->
          <div class="orderinfolist">
            <div class="ordernum">1.</div>
            <ul>
              <li>
                <h3>收货地址：</h3>
                <dl>
                  <dd>八里庄街道北京市海淀区西三环北路72号世纪经贸大厦B 座710室</dd>
                </dl>
              </li>
              <li>
                <h3>收&nbsp;货&nbsp;人&nbsp;：</h3>
                <dl>
                  <dd>侯丽静</dd>
                </dl>
              </li>
              <li>
                <h3>联系电话：</h3>
                <dl>
                  <dd>13581559005</dd>
                </dl>
              </li>
              <li><h3>商品名称：</h3>
                <dl>
                  <dd><a href="#" target="_blank">进口永生花小熊礼盒红玫瑰花保鲜花礼盒情人节生日礼物干花材批发进口永生花小熊礼盒红玫瑰花保鲜花礼盒情人节生日保鲜花礼盒情人节生日礼物干花材批发生日</a></dd>
                  <dd><a href="#" target="_blank">进口永生花小熊礼盒红玫瑰花保鲜花礼盒情人节生日礼物干花材批发进口永生花小熊礼盒红玫瑰花保鲜花礼盒情人节生日保鲜花礼盒情人节生日礼物干花材批发生日</a></dd>
                </dl>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="clear"></div>
  </div>
  <div class="clear"></div>
  <div class="payway">
    <div class="paywaytitle">
      <h1>付款方式：</h1>
      <ul>
        <li class="selected">网上银行</li>
        <li>支付宝</li>
        <li>中国银联</li>
      </ul>
    </div>
    <div class="paywayselectwrap">
      <div class="paywayselect">
        <dl>
          <dd>
            <i id="ICBC"></i>
            <label><img src="/static/images/bank/bank1.gif" alt="中国工商银行" title="中国工商银行" /></label>
          </dd>
          <dd>
            <i id="ABC"></i>
            <label><img src="/static/images/bank/bank2.gif" alt="中国农业银行" title="中国农业银行" /></label>
          </dd>
          <dd>
            <i id="BOC"></i>
            <label><img src="/static/images/bank/bank3.gif" alt="中国银行" title="中国银行" /></label>
          </dd>
          <dd>
            <i id="CCB"></i>
            <label><img src="/static/images/bank/bank4.gif" alt="中国建设银行" title="中国建设银行" /></label>
          </dd>
          <dd>
            <i id="CMB"></i>
            <label><img src="/static/images/bank/bank5.gif" alt="招商银行" title="招商银行" /></label>
          </dd>
          <dd>
            <i id="CMBC"></i>
            <label><img src="/static/images/bank/bank6.gif" alt="中国民生银行" title="中国民生银行" /></label>
          </dd>
          <dd>
            <i id="PSBC"></i>
            <label><img src="/static/images/bank/bank7.gif" alt="中国邮政储蓄银行" title="中国邮政储蓄银行" /></label>
          </dd>
          <dd>
            <i id="CITIC"></i>
            <label><img src="/static/images/bank/bank8.gif" alt="中信银行" title="中信银行" /></label>
          </dd>
          <dd>
            <i id="CEB"></i>
            <label><img src="/static/images/bank/bank9.gif" alt="中国光大银行" title="中国光大银行" /></label>
          </dd>
          <dd>
            <i id="SPDB"></i>
            <label><img src="/static/images/bank/bank10.gif" alt="浦发银行" title="浦发银行" /></label>
          </dd>
          <dd>
            <i id="GDB"></i>
            <label><img src="/static/images/bank/bank11.gif" alt="广发银行" title="广发银行" /></label>
          </dd>
          <dd>
            <i id="HXB"></i>
            <label><img src="/static/images/bank/bank12.gif" alt="华夏银行" title="华夏银行" /></label>
          </dd>
          <dd>
            <i id="CIB"></i>
            <label><img src="/static/images/bank/bank13.gif" alt="兴业银行" title="兴业银行" /></label>
          </dd>
          <dd>
            <i id="COMM"></i>
            <label><img src="/static/images/bank/bank14.gif" alt="交通银行" title="交通银行" /></label>
          </dd>
          <dd>
            <i id="SHB"></i>
            <label><img src="/static/images/bank/bank15.gif" alt="上海银行" title="上海银行" /></label>
          </dd>
          <dd>
            <i id="SDB"></i>
            <label><img src="/static/images/bank/bank16.gif" alt="平安银行" title="平安银行" /></label>
          </dd>
        </dl>
        <div class="clear"></div>
      </div>
      <div class="paywayselect" style="display:none;">
        <dl>
          <dd>
            <i id="ZFB"></i>
            <label><img src="/static/images/bank/zhifubao.gif" alt="支付宝" title="支付宝" /></label>
          </dd>
        </dl>
        <div class="clear"></div>
      </div>
      <div class="paywayselect" style="display:none;">
        <dl>
          <dd>
            <i id="YINLIAN"></i>
            <label><img src="/static/images/bank/yinlian.gif" alt="中国银联" title="中国银联" /></label>
          </dd>
        </dl>
        <div class="clear"></div>
      </div>
    </div>
  </div>
  <div class="gopay">
    <a href="javascript:;">下一步</a>
  </div>
</div>

<!-- 通用尾部 -->
<jsp:include page="../common/footer.jsp" flush="true"></jsp:include>

<script src="/static/js/pay/pay.js"></script>
</body>
</html>